<template>
    <Card>
        <template #title>
            <strong>
                <Icon type="md-cloud-done" />保存
            </strong>
        </template>
        <Row>
            <Col span="8">
            <Button type="primary"  @click="saveData">
                保存云端
            </Button>
            </Col>
            <Col span="8">
            <Button type="primary"  @click="getLocalData">
                本地记录
            </Button>
            </Col>
            <Col span="8">
            <Button type="primary"  @click="getCloudData">
                云端记录
            </Button>
            </Col>
        </Row>

    </Card>
</template>

<script setup>
    import { ref } from 'vue';
    // const data_get = ref(localStorage.getItem('action_list').slice(0, -1))
    // console.log(data_get)
    const emit = defineEmits(['get_local_data', "get_cloud_data", "save_data"]);

    function saveData(){
        emit('save_data');
    }
    function getLocalData(){
        emit('get_local_data');
    }
    function getCloudData(){
        emit('get_cloud_data');
    }
</script>